<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Spruce IT - Hosts</title>
</head>
<link href="/spruce/css/bootstrap.min.css" rel="stylesheet" media="screen">
<body>
 <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container-fluid">
   <%@ include file="/WEB-INF/jsp/nav/nav_top_bar.html"%>
  </div>
 </div>
 <div>&nbsp;</div>
 <div class="container-fluid">
  <div class="row">
   <div class="col-xs-2 col-md-2 sidebar">
    <%@ include file="/WEB-INF/jsp/nav/nav_side_bar.html"%>
   </div>
   <div class="col-xs-10 col-md-10 main">
    <h1 class="page-header">Host ${hostname} Results</h1>
    <div class="table-responsive">
     <table class="table table-striped">
      <thead>
       <tr>
        <th>Result</th>
        <th>Output</th>
        <th>Date</th>
       </tr>
      </thead>
      <tbody>
       <c:forEach var="result" items="${results}">
        <tr>
         <td>${result.result}</td>
         <td>${result.output}</td>
         <td>${result.cdate}</td>
        </tr>
       </c:forEach>
      </tbody>
     </table>
    </div>
    <div style="text-align: center;">
     <a href="results.do?hostid=${hostID}&pageid=${prevPageID}">&lt;-- Previous</a> <a
      href="results.do?hostid=${hostID}&pageid=${nextPageID}">Next ++&gt;</a>
    </div>
   </div>
  </div>
 </div>
 <!-- Bootstrap core JavaScript
================================================== -->
 <!-- Placed at the end of the document so the pages load faster -->
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script src="/spruce/js/bootstrap.min.js"></script>
 <script src="/spruce/js/spruce-web.js"></script>
 <script type="text/javascript">
		//add the jQuery click/show/hide behaviours (or native JS if you prefer):
		$(document).ready(function() {

		});
	</script>
</body>
</html>